﻿<!doctype html>
<html>
<head>
  <title> TP 1 development Web   </title>
  <meta name="description" content="compte-Rendu TP 1">

</head>
<body bgcolor="#cccccc" border="1" text="noir">
<FORM>
<TABLE BORDER="1" WIDTH="100%" >
<caption> <font size="+1"> Tableau de 4 lignes et 2 colonnes </font> </caption>
         <tr>
		    <th WIDTH="20%"> <center> <img src="logo.JPG" width="100" height="150"> </th> 
			<th colspan=5> <I> Présentation des Exercices du TP1 </I> </th>
         </tr>
         <tr>
		    <td><center> <table border="1" width="75%">
			         <tr> <td> <a href="ex1.html"> Exercice 1 </td> </tr>
				     <tr> <td> <a href="ex2.html"> Exercice 2 </td> </tr>
				     <tr> <td> <a href="ex3.html"> Exercice 3 </td> </tr> 
				 </table>
			</td>		
		    <td>
			<form> <fieldset> <LEGEND ALIGN="left"><font size="-1"> Exercice3 TP 1 GL2:regroupement</font>
</LEGEND>
<table width="60%" height="90%" align="center">
<tr align="center"><td><INPUT
TYPE="text" NAME="boitetxt" SIZE="38" MAXLENGTH="48" Value="zone de saisie" ></td></tr>
<tr><td align="center"><select name="list" size="5">
<option value="premier item" ><font size="+1">premier item</font></option>
<option value="deuxième item" ><font size="+1">deuxième item</font></option>
<option value="troisième item" selected><font size="1">troisième item</font></option>
<option value="quatrième item" ><font size="1">quatrième item</font></option>
<option value="cinquième item" ><font size="1">cinquième item</font></option> 
</select></td><td align="center"><form><INPUT TYPE="radio" NAME="CaseRadio" VALUE="Premier item"><font size="2"> Premier item</font> <br>
<INPUT TYPE="radio" NAME="CaseRadio" VALUE="Second item"><font size="2"> Second item </font><br>
<INPUT TYPE="radio" NAME="CaseRadio" VALUE="Troisième item"><font size="2"> Troisième item </font><br>
<INPUT TYPE="radio" NAME="CaseRadio" VALUE="Quatrième item" ><font size="2"> Quatrième item</font><br>
<INPUT TYPE="radio" NAME="CaseRadio" VALUE="cinquième item" ><font size="2"> cinquième item</font></form></td></tr>
<tr><td align="center"><FORM><select name="listderoul" size="1">
<option value="premier item" selected>premier item
</option>
<option value="deuxième item" >deuxième item
</option>
<option value="troisième item" >troisième item
</option>
<option value="quatrième item" >quatrième item
</option>
<option value="cinquième item" >cinquième item
</option>
</select></FORM> <br> <FORM>
<input type="reset" VALUE="initialiser" ALIGN="center">
</FORM></td><td align="center"><FORM><input type="checkbox" name="Premier item"><font size="2">Premier item</font><br> 
<input type="checkbox" name="deuxième item" align="right"><font size="2">deuxième item</font><br>
<input type="checkbox" name="troisième item"><font size="2">troisième item</font><br>
<input type="checkbox" name="quatrième item"><font size="2">quatrième item</font><br>
<input type="checkbox" name="cinquième item"><font size="2">cinquième item</font></FORM></td></tr>
</table>
			</td>
         </tr>
		 
		 <tr><td></td>
		    <td> <nobr> <img src="left.JPG" WIDTH="100" HEIGHT="150" ALT="left" title="left">
			      <img src="right.JPG" WIDTH="100" HEIGHT="150" ALT="right" title="right">
				  </nobr> 
		    </td>
			
		 </tr>
</table>
</body>
</html>